We will first establish the field that specifies the relationships between the cells.
As you can see from the diagram, the lengths of a total of six edges, i.e. three vertical and three horizontal, specify the shape of the 3x3 matrix. These are respectively defined as:
Horixontal edge lengths: PX1, PX2, PX3
Vertical edge lengths: PY1, PY2, PY3
In addition, these are assumed to be continuously moving, and the speeds of change of the edge lengths are:
Speeds of change of the horizontal edge lengths: VX1, VX2, VX3
Speeds of change of the vertical edge lengths: VY1, VY2, VY3
These are the basic variables. The dynamic relationship between the edge lengths and their speeds is determined within Flash ActionScript, and you need do nothing more than create an arrangement in which this is reflected by the sizes of the cells.
The frame configuration in the movie is extremely simple, as you can see from the diagram. IΓÇÖm going to focus on the action layer. In frame 1, the initial variables are set. Frame 2 holds the main process that weΓÇÖve talked about and frame 3 simply jumps back to frame 2
So letΓÇÖs look at the main processing in frame 2. There are three phases. The first controls the speed of change in the lengths of the edges of the cells (VX1 to 3, VY1 to 3), the second controls the lengths of the edges of the cells (PX1 to 3, PY1 to 3), and phase three alters and displays the sizes of the cells.
